<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8" />
		<title></title>
		<link rel="stylesheet" type="text/css" href="css/bootstrap.min.css"/>
		<script src="js/popper.min.js">
		</script>
		<script src="js/jquery-3.6.0.min.js">		
		</script>
		<script src="js/bootstrap.min.js">
		</script>
		<style type="text/css">
			.form{
				margin: 0 auto;
				width: 800px;
			}
			.-mycolor{
				background-color: aquamarine;
			}
			.button{
				margin-top: 50px;
				margin-left: 365px;
				margin-bottom:80px;
			}
		</style>
	</head>
	<body>
		<form>
	  <div class="form">
	    <label for="username">姓名：</label>
	    <input type="email" class="form-control" id="username">
	  </div>
	  <div class="form">
	    <label for="email">学号:</label>
	    <input type="email" class="form-control" id="password">
	  </div>
	  <div class="form">
	    <label for="email">班级:</label>
	    <input type="email" class="form-control" id="password">
	  </div>
	  <div class="form">
	    <label for="exampleFormControlSelect1">性别:</label>
	    <select class="form-control" id="exampleFormControlSelect1">
	      <option>男</option>
	      <option>女</option>
	    </select>
	  </div>
	  <div class="button">
	  <button type="submit" class="btn btn-primary -mycolor">新增</button>
	  <button type="submit" class="btn btn-primary">更新</button>
	  </div>
	</form>
	<table class="table">
	  <thead>
	    <tr>
	      <th scope="col">学号</th>
	      <th scope="col">姓名</th>
	      <th scope="col">班级</th>
	      <th scope="col">性别</th>
	    </tr>
	  </thead>
	</body>
</html>